<template>
    <div>
        <header>
            <img src="../assets/imgs/icon-person.png" alt="">
            <div>
                <!-- <router-link to="/home/bookCity" tag="span">书城</router-link>
                <router-link to="/home/bookShelf" tag="span">书架</router-link> -->
                <span @click="$router.push('/home/bookCity')">书城</span>
                <span @click="$router.push('/home/bookShelf')">书架</span>
            </div>
            <img src="../assets/imgs/icon-person.png" alt="">
        </header>
        <div class="con">
            <router-view></router-view>
        </div>
    </div>
</template>

<style lang="scss">
    header{
        width:100%;
        height: 44px;
        border-bottom:1px solid gray;
        background: #eee;
        display: flex;
        justify-content:space-between;
        align-items: center;
        img{
            width:20px;
        }
    }
</style>

